<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>注册</title>
</head>

<body class="reg-bg cf plr32">
  <!-- 密码登陆 -->
  <a href="login.html" class="alink abs">密码登陆</a>

  <!-- 标题 -->
  <div class="mt80">
    <h2>手机号登录/注册</h2>
    <p>快速找到好友, 一站式记录你的运动</p>
  </div>

  <!-- 主要内容 -->
  <div class="mt40">
    <div class="mb20">
      <input type="text" id="account" placeholder="输入手机号码">
    </div>
    <div class="mb20 df">
      <input type="text" id="vcode" placeholder="输入验证码">
      <div class="vcode ml15">
        <canvas width="120" height="50" id="captcha1"></canvas>
      </div>
    </div>
    <div class="mb20">
      <input type="text" id="password" placeholder="输入密码">
    </div>
    <div class="mb20">
      <input type="text" id="surePwd" placeholder="输入确认密码">
    </div>
    <div class="mb20">
      <button id="regBtn">注册账号</button>
    </div>
  </div>

</body>

</html>